*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-size: 14px;
    font-family: '微软雅黑';
}
#app,body,.mars3d-container{
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
/* 地图右侧的工具栏 */
.cesium-viewer .cesium-viewer-toolbar{
    bottom: 40px;
    top: auto;
    width: 32px;
    right: 18px;
}
.cesium-viewer-toolbar .cesium-sceneModePicker-wrapper.cesium-toolbar-button{
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
}
.cesium-toolbar-button{
    min-width: 32px;
}
.cesium-viewer-toolbar .cesium-sceneModePicker-wrapper.cesium-toolbar-button button{
    margin-left: 5px !important;
}
.cesium-baseLayerPicker-dropDown{
    top: -145px !important;
    right: 45px !important;
}
.cesium-navigation-help{
    top: -185px !important;
    right: 35px !important;
    transform-origin: 250px 250px !important;
}
/* 地图右侧的工具栏缩小按钮 */
.cesium-viewer .cesium-viewer-toolbar .cesium-button[id=zoom]{
    margin-top: 2px;
}
/* 地图导航球 */
.mars3d-compass{
    bottom: 285px !important;
}
/* 自定义按钮icon样式 */
.customButton .fa{
    margin-right: 5px;
}
/* 顶部地址搜索框 */
.queryAddress{
    margin-left: 10px;
}
.queryAddress .el-input{
    --el-input-border-color: #3f4854 !important;    
    --el-input-placeholder-color: var(--el-color-white) !important;    
    --el-input-text-color: var(--el-color-white) !important;   
    --el-input-hover-border-color: #3f4854 !important;   
    --el-input-bg-color: #3f4854 !important;   
    --el-input-icon-color: var(--el-color-white) !important;
}
.selectAddr .el-input .el-input__wrapper.is-focus{
    box-shadow: 0 0 0 0 rgba(32, 160, 255, 0.3) !important;
}
/* 下拉菜单 */
.el-popper.is-light,.el-popper.is-light .el-popper__arrow::before{
    background: #3f4854 !important;
    border: #3f4854 !important;
}
.el-autocomplete-suggestion.is-loading li:hover{
    background-color:#3f4854 !important
}
/* POI搜索 */
.el-autocomplete-suggestion li{
    color:var(--el-color-white) !important;
    line-height: 32px !important;
    list-style: auto !important;
}
.el-autocomplete-suggestion li:hover{
    background-color:  rgba(32, 160, 255, 0.5)  !important;
}
.el-autocomplete-suggestion li .value{
    line-height: initial !important;
}
.el-autocomplete-suggestion li .value .link{
    margin-top: 5px !important;
    font-size: 12px;
    color: #999999;
}
/* 矢量工具下拉框 */
.el-dropdown{
    margin-left: 10px;
}
.el-dropdown__popper{
    --el-dropdown-menuItem-hover-fill: rgba(32, 160, 255, 0.5)  !important;
}
.el-dropdown-menu{
    background-color: #3f4854 !important;
}
.el-dropdown-menu__item{
   color: var(--el-color-white) !important;
}
.el-dropdown-menu__item i {
    font-size: 12px;
    width: 15px;
    text-align: center;
}
/* 图层树 */
.el-tree{
    background: none !important;
    color: var(--el-color-white) !important;
    --el-tree-node-hover-bg-color: rgba(32, 160, 255, 0.5)  !important;  
    --el-tree-expand-icon-color: var(--el-color-white) !important;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
    background-color: rgba(32, 160, 255, 0.5)  !important;
}
/* 复选框 */
.el-checkbox{
    --el-checkbox-bg-color:none  !important;
    --el-checkbox-input-border: 1px solid rgba(255, 255, 255, 1) !important;
    --el-checkbox-checked-bg-color: rgba(32, 160, 255, 0.5)  !important;
    --el-checkbox-checked-input-border-color: rgba(32, 160, 255, 0.5)  !important;
    --el-checkbox-input-border-color-hover: rgba(255, 255, 255, 1)  !important;
}
/* 进度条 */
.el-progress__text{
    min-width: 0 !important;
}
/*
    el-message-box 消息提示框
*/
.el-message-box{
    --el-messagebox-title-color: var(--el-color-white) !important;
    --el-messagebox-content-color: var(--el-color-white) !important;
    background: rgba(30, 36, 50, 0.6) !important;
    border: 1px solid rgba(32, 160, 255, 0.3) !important;

}
.el-message-box__btns .el-button{
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: #3f4854 !important;
    --el-button-border-color: var(--el-color-info);
    --el-button-outline-color: var(--el-color-info-light-5);
    --el-button-active-color: var(--el-color-info-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-info-light-5);
    --el-button-hover-bg-color: rgb(50, 56, 65);
    --el-button-hover-border-color: var(--el-color-info-light-3);
    --el-button-active-bg-color: var(--el-color-info-dark-2);
    --el-button-active-border-color: var(--el-color-info-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-info-light-5);
    --el-button-disabled-border-color: var(--el-color-info-light-5);
}
.el-cascader-menu{
    color: #ffffff !important;
}
.el-cascader-panel {
    --el-cascader-menu-selected-text-color: var(--el-color-white) !important;
    --el-cascader-node-background-hover: rgba(32, 160, 255, 0.5)  !important;
}
.el-slider__bar{
    background-color:#20a0ff !important;
}
.el-slider__button{
    border: solid 2px #20a0ff !important;
}
.el-radio__input.is-checked .el-radio__inner{
    border-color:rgba(32, 160, 255, 0.5)  !important;
    background: rgba(32, 160, 255, 0.5)  !important;
}
.el-dialog{
    border: 1px solid rgba(32, 160, 255, 0.3) !important;
    --el-dialog-bg-color: rgba(30, 36, 50, 0.6) !important;
}
.el-dialog__title,.el-dialog__body,.el-dialog__headerbtn .el-dialog__close{
    color: var(--el-color-white) !important;
    font-size: 14px !important;
}
.el-dialog__body{
    padding: 10px !important;
}
/*
    弹窗按钮
*/
.el-message-box .el-message-box__btns .el-button{
    /* background: rgb(32, 160, 255)  !important; */
    border: none;
}
.el-message-box .el-message-box__headerbtn .el-message-box__close,.el-message-box .el-message-box__headerbtn .el-message-box__close:hover{
    color: #ffffff;
}
/*
矢量工具分类框
*/
.functionalwindow .el-collapse{
    border-bottom: none;
}
.editorformItemFunCascader .el-cascader-node.is-selectable.in-active-path{
    color: rgb(32, 160, 255) !important;
}
.el-scrollbar__view,.el-tree{
    height: 100%;
}
/* // 折叠面板 */
.el-collapse-item__header{
    background: rgba(32, 160, 255, 0.3) !important;
    color: #ffffff !important;
    padding-left: 5px !important;
}
.el-collapse{
    border-top: none !important;
}
.el-collapse-item .el-collapse-item__wrap{
    background: none !important;
    border: none !important;

}
.el-collapse-item__content{
    color: #ffffff !important;
    padding:  10px 0 !important;
}
/* input下拉框 */
.el-select{
    --el-select-input-color: var(--el-color-white) !important;
}
.el-select__wrapper{
    background-color:var(--el-color-primary) !important;
    box-shadow: 0 0 0 1px #3f4854 inset !important;
}
.el-select__placeholder.is-transparent,.el-select-dropdown__item.is-selected,.el-select-dropdown__item,.el-select__placeholder{
    color: var(--el-color-white) !important;
}
.el-select-dropdown__item.is-hovering{
    background-color:  rgba(32, 160, 255, 0.5)  !important;
}
.editorforminput .el-select__wrapper{
    background:none !important;
    box-shadow: 0 0 0 1px #ffffff inset !important;
}
.el-input{
    --el-input-border-color: var(--el-color-white) !important;    
    --el-input-placeholder-color: var(--el-color-white) !important;    
    --el-input-text-color:var(--el-color-white) !important;   
    --el-input-hover-border-color: var(--el-color-white) !important;   
    --el-input-bg-color: rgba(0,0,0,0) !important;   
    --el-input-icon-color:  var(--el-color-white) !important;
    }
    .el-input__wrapper.is-focus{
        box-shadow: 0 0 0 1px var(--el-color-white) inset !important;
    }
    .el-input-number span{
        background-color: #3f4854;
        color: #ffffff;
    }
    .el-input-number__decrease:hover, .el-input-number__increase:hover {
        color: #ffffff !important;
    }
/*
    统计
*/
.el-statistic.value .el-statistic__content .el-statistic__number,.el-statistic.value .el-statistic__content .el-statistic__suffix{
    color: #ffffff;
    font-size: 14px;
}
.el-tree-node:focus>.el-tree-node__content{
    background-color: rgba(32, 160, 255, 0) !important;
}